$(function (){
    var nLi = document.querySelectorAll('.nLi');
    var sub = document.querySelectorAll('.sub');
    var h3 = document.querySelectorAll('h3');
    var a = document.querySelectorAll(' h3 a')
    for (let i = 0; i < nLi.length; i++) {
        nLi[i].onmouseenter = function () {
            for (let i = 0; i < 8; i++) {
                nLi[i].classList.remove('one');
                for (let j = 0; j < a.length; j++) {
                    a[j].classList.remove('tow');
                }
            }
            this.classList.add('one');
            a[i].classList.add('tow');
        }
    }

    $(nLi).on({
        mouseenter: function () {
            $(this).find('ul').stop().slideDown();
        },
        mouseout: function () {
            $(this).find('ul').slideUp(500);
        },

    })
})